<template>
    <div>
        <twohead>每日折扣</twohead>
        <main>
        <dislist :list="datalist"></dislist>
        </main>
        
    </div>
</template>
<script>
 
import twohead from "../compontents/home/twohead.vue";
import dislist from "../compontents/home/dislist.vue";

    export default {
        data(){
            return{
                datalist:[
                    {
                        img:"",
                        name:"红富士苹果",
                        jia:"20.00",
                        ke:"100",
                        yuan:"30",
                        ren:"180",
                    },
                    {
                        img:"",
                        name:"红富士苹果",
                        jia:"20.00",
                        ke:"100",
                        yuan:"30",
                        ren:"180",
                    },
                    {
                        img:"",
                        name:"红富士苹果",
                        jia:"20.00",
                        ke:"100",
                        yuan:"30",
                        ren:"180",
                    },
                    {
                        img:"",
                        name:"红富士苹果",
                        jia:"20.00",
                        ke:"100",
                        yuan:"30",
                        ren:"180",
                    }
                ]
            }
        },
        components:{
       twohead,
       dislist
    }
    }
</script>
<style scoped >
    main{
        padding: 4vw;
        height: 100%;
    }
</style>